*{
    margin: 0;
    padding: 0;

}
.login{
    width: 270px;
    height: 320px;
    background-color: honeydew;
    margin: 20px auto;
}
.login_on{
    width: 81px;
    height: 81px;
    color: silver;
    margin:50px auto 0;
    font-size: 38px;
}
#login_text{
    width: 250px;
    height: 233px;
   color: darkgrey;
    margin: 0 auto;
}
#myform{
    font-size: 27px;
}
.input{
    height: 25px;
}
.button{
    line-height: 32px;
    width: 65px;
    font-size: 18px;
    margin-left: 37px;
    color: darkslategray;
}
.info{
    width: 500px;
    height: 500px;
    background-color: lightcyan;

    margin: 0 auto;
}
#img{
    width: 500px;
    height: 250px;

    background-color: darkslategray;
}
.info_ul{
    list-style: none;
}
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: gray;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=88);

}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 55%;
    height: 55%;
    border: 1px solid;
    background-color: whitesmoke;
    z-index:1002;
    overflow: auto;
}
.edit{
    width: 500px;
    height: 30px;
}
.a{
    text-decoration: none;
    float: right;
    color: darkmagenta;
}
.th{
    width: 122px;
}
.td{
    text-align:center;
}
.back a{
    text-decoration: none;
    color: black;
}
.back{
    float: right;
}
#top{
    width: 1000px;
    height: 20px;
    background-color: #b3d4fc;
    margin: 0 auto;
}
#top #top_menu{
    width: 400px;
    height: 20px;
    float: right;
}
.display{
    width: 1000px;
    height: 630px;
    margin: 0 auto;
}
.userlist{
    width: 300px;
    height: 624px;
    background-color: #b3d4fc;
    float: left;
}
.userlist_count{
    height: 30px;
    background-color: white;
    border:#b3d4fc 1px solid;

}
.userlist_count label{
    float: right;
}
.userlist_info{
    height: 593px;
    background-color: #b3d4fc;
}
.userlist_info .online{
    width: 300px;
    height: 30px;
}

.historytext{
    width: 698px;
    height: 498px;
    float: left;
    border:#b3d4fc 1px solid;
}

.historytext #historytext_history{
    width: 675px;
    height: 480px;
    overflow: auto;
    margin: 0 auto;
}
#historytext_history .right{
    text-align: right;
    color: red;
}
#historytext_history .right,#historytext_history .left{

    height: 50px;
}
#historytext_history .left{
    color: cornflowerblue;
}

.inputtext{
    width: 700px;
    height: 123px;
    background-color: cornflowerblue;
    float: left;
}
#textinfo{
    height: 123px;
    width: 600px;
    font-size: 21px;
}
.display .inputtext #button{
    height: 123px;
    font-size: 30px;
    width: 96px;
    float: right;
    text-align: center;
    line-height: 123px;
}
.display .inputtext #button:hover{
    color: #b3d4fc;
}
